<template>
  <div id="app">
    <van-nav-bar :fixed="true" :title="$route.meta.title">
      <template #left>
        <van-icon name="arrow-left" size="20" color="#000" @click="goBack()"></van-icon>
      </template>
    </van-nav-bar>
    <router-view style="padding:46px 0 0 0;"></router-view>
  </div>
</template>

<script>

export default {
  name: 'App',
  data(){
    return{
    }
  },
  created(){

  },
  components: {
    
  },
  watch:{

  },
  methods:{
    goBack(){
      this.$router.go(-1)
    }
  },
  
}
</script>

<style>
*{
  margin: 0;
  padding: 0;
}
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}
#nav{
  padding: 30px;
}
#nav a{
  font-weight: bold;
  color:#2c3e50
}
#nav a.router-link-exact-active{
  color:#42b983
}
</style>
